// 通用事件绑定函数
function bindEvent (elem, type, callback) {
  elem.addEventListener(type, callback)
}

// const btn1 = document.querySelector('#btn1')
// bindEvent(btn1, 'click', (e) => {
//   console.log(e.target)
//   e.preventDefault()   // 阻止默认行为
//   alert('clicked')
// })

// ---------------------------------------
// 事件冒泡

// < div id = "div1" >
//   <p id="p1">激活</p>
//   <p id="p2">取消</p>
//   <p id="p3">取消</p>
//   <p id="p4">取消</p>
// </ >
// <div id="div2">
//   <p id="p5">取消</p>
//   <p id="p6">取消</p>
// </div>

// const p1 = document.querySelector('#p1')
// const body = document.body

// bindEvent(p1, 'click', e => {
//   alert('p1 activated')
//   e.stopPropagation()  // 阻止事件冒泡
// })

// bindEvent(body, 'click', e => {
//   alert('body activated')
// })


